<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
* {
    font-size:12px; 
    text-decoration:none; 
}
#nav {
    height:30px; 
    width:688px;
    margin:60px auto;
    list-style-type:none;
    background:#0046ad;
}
#nav li {
    margin:5px 0 0 16px;
    float:left;
    display:inline;
}
#nav li a {
    display:block;
    width:68px;
    height:20px;
    line-height:20px;
    text-align:center;
    color:#fffeee;
}
#nav li a:hover {
    color:#000;
    background:url(menu.png)  no-repeat;
}
</style>
</head>

<body>
 <ul id="nav">
        <li><a href="#" >首页</a></li>
        <li><a href="#" >天猫</a></li>
        <li><a href="#" >聚划算</a></li>
        <li><a href="#" >电器城</a></li>
        <li><a href="#" >一淘网</a></li>
        <li><a href="#" >Hitao妆扮</a></li>
        <li><a href="#" >本地生活</a></li>
        <li><a href="#" >淘宝旅行</a></li>
    </ul>
</body>
</html>
